<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,700" rel="stylesheet">
    <link rel="stylesheet" th:href="@{/logincss/css/animate.css}">
    <link rel="stylesheet" th:href="@{/logincss/css/icomoon.css}">
    <link rel="stylesheet" th:href="@{/logincss/css/themify-icons.css}">
    <link rel="stylesheet" th:href="@{/logincss/css/bootstrap.css}">
    <link rel="stylesheet"  th:href="@{/logincss/css/magnific-popup.css}">
    <link rel="stylesheet" th:href="@{/logincss/css/owl.carousel.min.css}">
    <link rel="stylesheet" th:href="@{/logincss/css/owl.theme.default.min.css}">
    >
    <!-- Ionicons -->



    <!-- Theme style  -->
    <link rel="stylesheet" th:href="@{/logincss/css/style.css}">

    <!-- Modernizr JS -->
    <script th:src="@{/logincss/js/modernizr-2.6.2.min.js}"></script>
    <!-- FOR IE9 below -->
    <script th:src="@{/logincss/js/respond.min.js}"></script>
    <!--[if lt IE 9] -->

    <style>
        a{
            text-decoration: none;
        }
        .ant-btn-red {
            color: #fff;
            background-color: #FF5A44;
            border-color: #FF5A44;
            text-shadow: 0 -1px 0 rgba(0,0,0,0.12);
            -webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.045);
            box-shadow: 0 10px 0 rgba(0,0,0,0.045);

        }

    </style>
    <!--[endif]-->


</head>
<body >

<div class="gtco-loader"></div>

<div id="page">


    <div class="page-inner">
        <nav class="gtco-nav" role="navigation">
            <div class="gtco-container">

                <div class="row">
                    <div class="col-sm-4 col-xs-12">
                        <!--                        <div id="gtco-logo"><a th:href="@{/Admin/tologin}">Splash <em>.</em></a></div>-->
                    </div>

                </div>

            </div>
        </nav>


        <div class="gtco-section border-bottom" id="wd">

            <div class="gtco-container">
                <button class="ant-btn ant-btn-red">确定</button></div>


            <div class="row">
                <div class="col-md-8 col-md-offset-2 text-center gtco-heading">
                    <h2>您能做什么</h2>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4 col-md-4 col-sm-6">
                    <a th:href="@{/User/toapply}" class="fh5co-project-item i">
                        <figure>
                            <div class="overlay"><i class="ti-plus"></i></div>
                            <img th:src="@{/logincss/images/img_2.jpg}" alt="Image" class="img-responsive">
                        </figure>
                        <div class="fh5co-text">
                            <h2>申请门牌</h2>
                        </div>

                    </a>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6">
                    <a th:href="@{/ApplyAgain/toadd}" class="fh5co-project-item">
                        <figure>
                            <div class="overlay"><i class="ti-plus"></i></div>
                            <img th:src="@{/logincss/images/img_3.jpg}" alt="Image" class="img-responsive">
                        </figure>
                        <div class="fh5co-text">
                            <h2>申请补发门牌</h2>

                        </div>
                    </a>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6">
                    <a th:href="@{/News/list}" class="fh5co-project-item ">
                        <figure>
                            <div class="overlay"><i class="ti-plus"></i></div>
                            <img th:src="@{/logincss/images/img_4.jpg}" alt="Image" class="img-responsive">
                        </figure>
                        <div class="fh5co-text">
                            <h2>查看新闻</h2>

                        </div>
                    </a>
                </div>

                <div class="col-lg-4 col-md-4 col-sm-6">
                    <a  th:href="@{/Announce/show}" class="fh5co-project-item ">
                        <figure>
                            <div class="overlay"><i class="ti-plus"></i></div>
                            <img th:src="@{/logincss/images/img_1.jpg}" alt="Image" class="img-responsive">
                        </figure>
                        <div class="fh5co-text">
                            <h2>查看公告</h2>

                        </div>
                    </a>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6">
                    <a th:href="@{/Question/toadd}" class="fh5co-project-item ">
                        <figure>
                            <div class="overlay"><i class="ti-plus"></i></div>
                            <img th:src="@{/logincss/images/img_5.jpg}" alt="Image" class="img-responsive">
                        </figure>
                        <div class="fh5co-text">
                            <h2>问题反馈</h2>

                        </div>
                    </a>
                </div>

                <div class="col-lg-4 col-md-4 col-sm-6">
                    <a th:href="@{/Question/list}" class="fh5co-project-item">
                        <figure>
                            <div class="overlay"><i class="ti-plus"></i></div>
                            <img th:src="@{/logincss/images/img_6.jpg}" alt="Image" class="img-responsive">
                        </figure>
                        <div class="fh5co-text">
                            <h2>问题广场</h2>

                        </div>
                    </a>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6">
                    <a th:href="@{/Policy/page}" class="fh5co-project-item ">
                        <figure>
                            <div class="overlay"><i class="ti-plus"></i></div>
                            <img th:src="@{/logincss/images/img_6.jpg}" alt="Image" class="img-responsive">
                        </figure>
                        <div class="fh5co-text">
                            <h2>查看政策</h2>

                        </div>
                    </a>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6">
                    <a th:href="@{/User/toedit}" class="fh5co-project-item ">
                        <figure>
                            <div class="overlay"><i class="ti-plus"></i></div>
                            <img th:src="@{/logincss/images/img_6.jpg}" alt="Image" class="img-responsive">
                        </figure>
                        <div class="fh5co-text">
                            <h2>个人中心</h2>

                        </div>
                    </a>
                </div>

            </div>
        </div>
    </div>

    <div id="gtco-features" class="border-bottom" >
        <div class="gtco-container">
            <div class="row">
                <div class="col-md-8 col-md-offset-2 text-center gtco-heading animate-box">
                    <h2>网站公告</h2>

                </div>
            </div>
            <div class="row">
                <div class="col-md-3 col-sm-6">
                    <div class="feature-center animate-box" data-animate-effect="fadeIn">
						<span class="icon">
							<i class="ti-vector"></i>
						</span>
                        <h3>用户交互式体验</h3>
                        <p>网站注重用户的多重体验 </p>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="feature-center animate-box" data-animate-effect="fadeIn">
						<span class="icon">
							<i class="ti-tablet"></i>
						</span>
                        <h3>支持多种设备</h3>
                        <p>手机电脑均可使用本系统</p>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="feature-center animate-box" data-animate-effect="fadeIn">
						<span class="icon">
							<i class="ti-settings"></i>
						</span>
                        <h3>网站设置</h3>
                        <p>网站便捷式设置 </p>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="feature-center animate-box" data-animate-effect="fadeIn">
						<span class="icon">
							<i class="ti-ruler-pencil"></i>
						</span>
                        <h3>地图设计</h3>
                        <p>采用最新高清地图</p>
                    </div>
                </div>

                <div class="col-md-3 col-sm-6">
                    <div class="feature-center animate-box" data-animate-effect="fadeIn">
						<span class="icon">
							<i class="ti-paint-roller"></i>
						</span>
                        <h3>数据管理</h3>
                        <p>对门牌街道跟踪式管理 </p>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="feature-center animate-box" data-animate-effect="fadeIn">
						<span class="icon">
							<i class="ti-announcement"></i>
						</span>
                        <h3>用户须知</h3>
                        <p>用户需熟读用户手册</p>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="feature-center animate-box" data-animate-effect="fadeIn">
						<span class="icon">
							<i class="ti-stats-up"></i>
						</span>
                        <h3>数据数量</h3>
                        <p>包含数据逐年增长</p>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="feature-center animate-box" data-animate-effect="fadeIn">
						<span class="icon">
							<i class="ti-magnet"></i>
						</span>
                        <h3>良好的设计</h3>
                        <p>助你更好的使用本系统 </p>
                    </div>
                </div>

            </div>
        </div>
    </div>

    <div id="gtco-counter" class="gtco-section">
        <div class="gtco-container">

            <div class="row">
                <div class="col-md-8 col-md-offset-2 text-center gtco-heading animate-box">
                    <h2>欢迎使用</h2>
                    <p>您会爱上它</p>
                </div>
            </div>

            <div class="row">

                <div class="col-md-3 col-sm-6 animate-box" data-animate-effect="fadeInLeft">
                    <div class="feature-center">
						<span class="icon">
							<i class="ti-settings"></i>
						</span>
                        <span class="counter js-counter" data-from="0" data-to="2200" data-speed="5000" data-refresh-interval="50">1</span>
                        <span class="counter-label">街道数量</span>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6 animate-box" data-animate-effect="fadeInLeft">
                    <div class="feature-center">
						<span class="icon">
							<i class="ti-face-smile"></i>
						</span>
                        <span class="counter js-counter" data-from="0" data-to="108054" data-speed="5000" data-refresh-interval="50">1</span>
                        <span class="counter-label">用户数量</span>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6 animate-box" data-animate-effect="fadeInLeft">
                    <div class="feature-center">
						<span class="icon">
							<i class="ti-briefcase"></i>
						</span>
                        <span class="counter js-counter" data-from="0" data-to="45102" data-speed="5000" data-refresh-interval="50">1</span>
                        <span class="counter-label">门牌数量</span>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6 animate-box" data-animate-effect="fadeInLeft">
                    <div class="feature-center">
						<span class="icon">
							<i class="ti-time"></i>
						</span>
                        <span class="counter js-counter" data-from="0" data-to="212023" data-speed="5000" data-refresh-interval="50">1</span>
                        <span class="counter-label">服务时间</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="gtco-products">
        <div class="gtco-container">
            <div class="row">
                <div class="col-md-8 col-md-offset-2 text-center gtco-heading">
                    <h2>更多产品</h2>
                    <p>欢迎关注十四组的其他产品</p>
                </div>
            </div>
            <div class="row">
                <div class="owl-carousel owl-carousel-carousel">
                    <div class="item">
                        <a href="#"><img th:src="@{/logincss/images/img_1.jpg}" alt="Free HTML5 Bootstrap Template by "></a>
                    </div>
                    <div class="item">
                        <a href="#"><img th:src="@{/logincss/images/img_2.jpg}" alt="Free HTML5 Bootstrap Template by "></a>
                    </div>
                    <div class="item">
                        <a href="#"><img th:src="@{/logincss/images/img_3.jpg}" alt="Free HTML5 Bootstrap Template by "></a>
                    </div>
                    <div class="item">
                        <a href="#"><img th:src="@{/logincss/images/img_4.jpg}" alt="Free HTML5 Bootstrap Template by "></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="gtco-subscribe">
        <div class="gtco-container">
            <div class="row animate-box">
                <div class="col-md-8 col-md-offset-2 text-center gtco-heading">
                    <h2>您的联系方式</h2>
                    <p>第一时了解最新动态</p>
                </div>
            </div>
            <div class="row animate-box">
                <div class="col-md-8 col-md-offset-2">
                    <form class="form-inline">
                        <div class="col-md-6 col-sm-6">
                            <div class="form-group">
                                <label for="email" class="sr-only">Email</label>
                                <input type="email" class="form-control" id="email" placeholder="Your Email">
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6">
                            <button type="submit" class="btn btn-default btn-block">Subscribe</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

</div>
</div>
<div class="gototop js-top">
    <a href="#" class="js-gotop"><i class="icon-arrow-up"></i></a>
</div>
<!-- jQuery -->
<script th:src="@{/logincss/js/jquery.min.js}"></script>
<!-- jQuery Easing -->
<script th:src="@{/logincss/js/jquery.easing.1.3.js}"></script>
<!-- Bootstrap -->
<script th:src="@{/logincss/js/bootstrap.min.js}"></script>
<!-- Waypoints -->
<script th:src="@{/logincss/js/jquery.waypoints.min.js}"></script>
<!-- Carousel -->
<script th:src="@{/logincss/js/owl.carousel.min.js}"></script>
<!-- countTo -->
<script th:src="@{/logincss/js/jquery.countTo.js}"></script>
<!-- Magnific Popup -->
<script th:src="@{/logincss/js/jquery.magnific-popup.min.js}"></script>
<script th:src="@{/logincss/js/magnific-popup-options.js}"></script>
<!-- Main -->
<script th:src="@{/logincss/js/main.js}"></script>
<script type="text/javascript">
    function gb1() {
        $("#gtco-header").css(
            "background-image","url(' /logincss/images/img_4.jpg ')"

        );
        document.getElementById("wd").style.backgroundColor="#84AF9B";

        /* document.getElementById("login").style.backgroundColor="#FC9D99";*/
    }
    function gb2() {
        $("#gtco-header").css(
            "background-image","url(' /logincss/images/img_1.jpg ')"

        );
        document.getElementById("wd").style.backgroundColor=" #D0D0D0";
    }
    function gb3() {
        $("#gtco-header").css(
            "background-image","url(' /logincss/images/img_2.jpg ')"
        );
        document.getElementById("wd").style.backgroundColor="#2C3E50";
    }
</script>

</body>
</html>

